<template lang="html">
  <div class="page-scroll-view">
    <div data-flex="center" class="p-center_banner">
      <div>
        <div class="bg-center-cover bg-avatar_user"></div>
        <div class="f30 c-wt tc pt10">张三</div>
      </div>
    </div>

    <div data-flex class="p-center_numbs">
      <div data-cell data-flex="center" class="bdr-r">
        <div class="tc">
          <span class="f34 c-or">0</span>
          <p class="c-8 f26">体检卡</p>
        </div>
      </div>
      <div data-cell data-flex="center">
        <div class="tc">
          <span class="f34 c-or">0.00</span>
          <p class="c-8 f26">余额</p>
        </div>
      </div>
    </div>

    <div class="weui-cells">
      <a class="weui-cell weui-cell_access" href="javascript:;">
          <div class="weui-cell__hd"><i class="iconfont f34" :style="{'color':'#45AAFF'}">&#xe610;</i></div>
          <div class="weui-cell__bd">
              <p> 我的订单</p>
          </div>
          <div class="weui-cell__ft"></div>
      </a>
      <a class="weui-cell weui-cell_access" href="javascript:;">
          <div class="weui-cell__hd"><i class="iconfont" :style="{color:'#FDA400'}">&#xe609;</i></div>
          <div class="weui-cell__bd">
              <p>体检人管理</p>
          </div>
          <div class="weui-cell__ft">添加家属体检</div>
      </a>
    </div>

    <div class="weui-cells">
      <a class="weui-cell weui-cell_access" href="javascript:;">
          <div class="weui-cell__hd"><i class="iconfont" :style="{color:'#37B479'}">&#xe601;</i></div>
          <div class="weui-cell__bd">
              <p>个人信息</p>
          </div>
          <div class="weui-cell__ft"></div>
      </a>
      <a class="weui-cell weui-cell_access" href="javascript:;">
          <div class="weui-cell__hd"><i class="iconfont" :style="{color:'#F56D5F'}">&#xe613;</i></div>
          <div class="weui-cell__bd">
              <p>修改密码</p>
          </div>
          <div class="weui-cell__ft"></div>
      </a>
    </div>

    <div class="weui-cells">
      <a class="weui-cell weui-cell_access" href="javascript:;">
          <div class="weui-cell__hd"><i class="iconfont"  :style="{color:'#37B479'}">&#xe65e;</i></div>
          <div class="weui-cell__bd">
              <p>了解更多</p>
          </div>
          <div class="weui-cell__ft"></div>
      </a>
      <a class="weui-cell weui-cell_access" href="javascript:;">
          <div class="weui-cell__hd"><i class="iconfont"  :style="{color:'#F56D5F'}">&#xe65d;</i></div>
          <div class="weui-cell__bd">
              <p>意见反馈</p>
          </div>
          <div class="weui-cell__ft"></div>
      </a>
      <div class="weui-cell">
          <div class="weui-cell__bd">
              <p><i class="iconfont" :style="{color:'#937369'}">&#xe603;</i>联系客服</p>
          </div>
          <div class="weui-cell__ft">说明文字</div>
      </div>
    </div>

    <div class="weui-btn-area">
        <router-link to="/welcome" class="weui-btn weui-btn_primary">回到首页</router-link>
        <a href="javascript:;" class="weui-btn weui-btn_default">退出登录</a>
    </div>
  </div>

</template>

<script>
export default {
  data () {
    return {}
  },
  computed: {},
  methods: {},
  components: {},
}
</script>

<style lang="less">
.p-center{
  &_numbs{
    height: 140px;
    background-color: #fff;
    border-bottom: 1Px solid #EDEDED;
  }
  &_banner{
    height: 320px;
    background-color: #FF5516;
  }
}

.bg-avatar_user{
  width: 160px;
  height: 160px;
  border: 4Px solid rgba(255,255,255,.5);
  border-radius: 50%;
}
</style>
